---
title: "Accessibility Checker Rule Help: RPT_Header_HasContent"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={16} colMd={8} colSm={4} className="toolHead">

### Heading element has no descriptive text

<div id="locLevel"></div>

Heading elements must provide descriptive text

</Column>
</Row>
<Row>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

### Why is this important?

Heading elements with clear descriptive content are used by assistive technology users to understand what is in each section on the page. They allow users to quickly find and navigate to different sections of interest.

<div id="locSnippet"></div>

### What to do

* Provide a descriptive heading for each Web page section that clearly identifies the subject.

</Column>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### About this requirement

[IBM 2.4.6 Headings and Labels](https://www.ibm.com/able/requirements/requirements/#2_4_6)
[WCAG 2.1 technique G130](https://www.w3.org/WAI/WCAG21/Techniques/general/G130)

### Who does this affect?

* People using a screen reader, including blind, low vision and neurodivergent people
* People who physically cannot use a pointing device

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)
